<template>
    <div class="app">
        {{ msg }}
        <router-link to="/">home</router-link>
        <router-link to="/about">about</router-link>
        <router-link to="/item/100">item100</router-link>
        <router-view></router-view>
    </div>
</template>
<script>
export default {
    data() {
        return {
            msg: "111"
        }
    },
    watch: {
        '$route': {
            handler(val){
                console.log(val)
            }
        }
    }
}
</script>